import { Tabs } from "antd";
import "./index.scss";
import Account from "./account";
import MessageNotice from "./messageNotice";
import General from "./general";
import Abount from "./Abount";

const Setting = (): JSX.Element => {
  const items = [
    {
      key: "1",
      label: "账号设置",
      children: <Account></Account>
    },
    {
      key: "2",
      label: "消息通知",
      children: <MessageNotice></MessageNotice>
    },
    {
      key: "3",
      label: "通用设置",
      children: <General></General>
    },
    {
      key: "4",
      label: "关于",
      children: <Abount></Abount>
    }
  ];
  return (
    <div className="setting">
      <Tabs tabPosition="left" items={items} />
    </div>
  );
};

export default Setting;
